body,body *,table *,form *{font-family:sans-serif;margin:0;padding:0;}
body,table {font-size:12px;}


input.text, textarea{
	font-size: 108%;
	line-height: 1.3em;
	padding: 3px 5px;
	margin:2px;
	border: 1px solid #ddd;
}
input.text:focus, textarea:focus{
	border: 1px solid #FC2;
}

form {width:100%}
form.basic fieldset.button {border:none;margin:0.2em 0;text-align:center;}
form div {padding:0}
form.basic select, form.basic option {padding:0.1em 0.3em;font-size:100%}
form.basic input[type="text"],form.basic input[type="password"] {padding:0.2em 0.4em;}
form.basic input[type="checkbox"] {margin:0 4px;vertical-align:middle;}
form.basic input{width:auto;display:inline;}
form.basic select {border:1px solid #888;}
form.basic select.selected1 {background:#FFF8E8;border:1px solid #EC8;}
form.basic label {line-height:1.7em;}
legend {padding:0 0.4em;}

div.hintBox {padding:4px 8px;color:#FFF;text-align:center;}

a {text-decoration:none;}
a img {border:none;}
a:link {color:#17B;}
a:visited {color:#61D;}

a.ul:hover{text-decoration:underline;}

.sml {font-size:78%}
.mid{font-size:90%}
.pointer {cusor:pointer}
.per100 {width:100%;}
.hide {display:none}
.block {display:block}
.right {text-align:right}
.left {text-align:left}
.oh {overflow:hidden}
.nr {white-space:nowrap}


#header a{color:orange;}

.pointer {cusor:pointer}
.per100 {width:100%;}
.hide {display:none}
.block {display:block}
div.hintBox {text-align:center;}

ul.inline,ul.inline li{display:inline}
ul.inline li{padding:2px}

#RSSBox {padding:6px 0}
#RSSBox div.subt {display:block;position:relative;line-height:20px;padding:2px 8px;margin-top:0.5em;background:url('img/bg/sl_a2_60p.png')} 
#RSSBox.editModeOn div.subt {cursor:move;}
#RSSBox.editModeOn div.subt:hover {background:url('img/bg/sl_a2a_100p.png')}
#RSSBox.editModeOn div.subt.cntOn {background:#C1C1C1;}
#RSSBox div.subt.warning {background:url('img/bg/sl_a2y_60p.png')}
#RSSBox div.subt a{color:#000;padding-left:0;}
#RSSBox div.subt a.loading{padding-left:18px;background:transparent url('img/icons/ajax-loader_16.gif') left center no-repeat}
div.drophover {background:#CEE;z-index:0}
#RSSBox .part {width:100%;}
#RSSBox .partInBox {padding:0.2em 1em;}
#RSSBox .partInBox ul {padding:0.2em 0}

#RSSBox ul.rssinline li,#RSSBox ol.rssinline li,#RSSBox ul.rssinline li a {display:inline;}
#RSSBox ul.rssinline {padding-left:24px;}
#RSSBox ul.rssinline li a{padding:0 1em 0 0;}

#RSSBox .cntbox{padding:1px 2px;position:absolute;right:2px;}

.RSS-ui-slider {display:block;position:relative;float:left;width:80px;height:16px;background:red;}
.RSS-ui-slider-handle {
	display:block;position:absolute;left:0px;width:10px;height:16px;
	text-align:center;
	background:#ed2;
}

#wrapcontents li {list-style-type:none}
#content {background:transparent;}

#wrapcontents,#topcm,#bottomcm,#footer {margin-left:56px;}

#header {font-size:112%;color:#ccc;position:absolute;top:0;left:0;width:56px;height:600px;padding:0;margin:0;}
#header .place,#header .year,#header .month,#header .day,#header .wday,#header .time {font-weight:bold;display:block;padding-left:8px;letter-spacing:1px;}
#header .place {padding:0 0 0.5em;margin:0 0 0.5em 8px;border-bottom:2px solid #ddd;}
#header .day{font-size:2em;font-weight:bold;}
#header h1 {width:56px;height:100px;overflow:hidden;background:transparent url('./img/toplogo1.png') top  left no-repeat}
#header h1 a {display:block;width:56px;height:100px;text-indent:900px;}

#header .forecast {margin-top:10px;padding-top:140px;}

body {background: rgb(221, 221, 221) url(img/bd_bg_0.gif) repeat-y left top;}

body.bgdark{background-image:url(img/bd_bg_2.gif)}
body.bgdark #header {color:#999}
body.bgdark #header .place {border-color:#999}

body.bgsunset,body.bgsunrise{background-image:url(img/bd_bg_3.gif)}
body.bgsunset #header,body.bgsunrise #header {color:#DED5C5}
body.bgsunset #header .place,body.bgsunrise #header .place {border-color:#DED5C5}

body.bgcloud {background-image:url(img/bd_bg_1.gif)}
body.bgdarkcloud {background-image:url(img/bd_bg_0.gif)}
body.bgcloud .forecast,body.bgdarkcloud .forecast{min-height:250px;}

body.bgrain {background-image:url(img/bd_bg_1.gif)}
body.bgrain .forecast{min-height:355px;}

#topcm,#bottomcm {padding:6px 10px;background:#ccc;text-align:center;}

#footer {color:#666;line-height:1.5em;background:#bbb url('./img/bg/footer_bg0.png') top repeat-x;padding:10px 20px;}
#footer a {color:white;}
#footer h3 {color:#555;}
#footer .lBox,#footer .rBox {float:left;}
#footer .member,#footer .related {width:26%;}
#footer .member li,#footer .related li{list-style-type:none;}
#footer .rBox {width:47.5%;}
#footer .member,#footer .related{float:left;}

#weatherboxs .cnt {padding:10px;border:4px solid #CCC;background:#DDD;}
#weatherboxs .cnt select {width:100%;}

#BKMcnt {margin-bottom:4px;padding-left:6px;color:white;background:transparent url('img/rbg_0l.png') left top no-repeat}
#BKMcnt,#BKMcnt .bkmcnt_r,#BKMcnt .bkmcnt_c {height:21px;}
#BKMcnt .bkmcnt_r {background:transparent url('img/rbg_0r.png') right top no-repeat;padding-right:6px;}
#BKMcnt .bkmcnt_c {height:21px;background:#d8d8d8;line-height:1.6em;}
#BKMcnt.hv {background-image:url('img/rbg_0lh.png')}
#BKMcnt.hv .bkmcnt_r {background-image:url('img/rbg_0rh.png')}
#BKMcnt.hv .bkmcnt_c {background:#999}

.THEME .TM_InBox a.subt{display:block;padding:2px 2px 2px 14px}
.THEME .TM_InBox ul ul{padding:0}
.THEME .TM_InBox li.jump a{display:block;padding:1px 0px 1px 20px}
.THEME .TM_InBox.mClose li.jump a{padding-left:12px}

.THEME .TM_Title .cntbox{padding:1px 2px;position:absolute;right:2px;}
.THEME .TM_InBox a.subt,.THEME .TM_InBox ul.always{font-weight:bold;}
.THEME .TM_InBox {padding:4px 0;}
.THEME .TM_InBox a{color:#666;}
.THEME .TM_InBox.mClose ul.ext {display:none;}
.THEME .cntFBox {color:white;border:3px solid #BBB;padding:6px;background:#BBB url('./img/bg/w_dl1_h160_15p_001.png') top repeat-x;}
.cntbox a.icon span{line-height:999px;}
.cntbox a.icon,.cntbox.icons a.icon,.cntbox span.span.icon {display:block;float:left;width:17px;height:17px;overflow:hidden;background:transparent none top no-repeat;}
.cntbox a.icon.del {background:transparent url('./img/icons/cntic_del.png') top;}
.cntbox a.icon.cnf {background:transparent url('./img/icons/cntic_cnf.png') top;}
.cntbox a.icon.close {background:transparent url('./img/icons/cntic_close.png') top;}
.cntbox a.icon.open {background:transparent url('./img/icons/cntic_open.png') top;}
.cntbox span.icon.movey {background:transparent url('./img/icons/icon17_movey.png') top;cursor:move}
.cntbox a.icon.close:hover,.cntbox a.icon.open:hover,.cntbox a.icon.cnf:hover,.cntbox a.icon.del:hover,.cntbox span.span.icon.movey:hover {background-position:bottom;}

a.subt{background:transparent url('img/icons/tri_g1_1.png') 4px center no-repeat}
a.subt:hover {background-image: url('img/icons/tri_g1_1h.png')}
a.subt.close {background-image: url('img/icons/tri_g1_0.png')}
a.subt.close:hover {background-image: url('img/icons/tri_g1_0h.png')}

li.jump {position:relative;width:100%;}
li.jump span.check {display:block;position:absolute;top:0px;left:0;width:16px;cursor:pointer;background:transparent url('img/icons/dot_b_0.png') 6px center no-repeat}
ul.always li.jump span.check {display:none}
li.jump span.check:hover {background-image:url('img/icons/dot_b_1.png')}
ul.always li.jump span.check {background-image:url('img/icons/dot_b_del.png')}
ul.always li.jump span.check:hover {background-image:url('img/icons/dot_b_delh.png')}

.icon12,.icon17 {display:block;width:12px;height:12px;overflow:hidden;margin-left:4px;text-align:center;line-height:12px;background:transparent none top;}
.icon17 {width:17px;height:17px;margin-left:2px;line-height:17px;}
.icon17 span,.icon15 span {line-height:999px;}
.icon12.add {background-image:url('img/icons/icon12_add.png')}
.icon12.del {background-image:url('img/icons/icon12_del.png')}
.icon17.add {background-image:url('img/icons/icon17_add.png')}
.icon17.del {background-image:url('img/icons/icon17_del.png')}
.icon17.movey {background-image:url('img/icons/icon17_movey.png');cursor:move;}
.icon12:hover,.icon17:hover {background-position:bottom}

.off .icon17 {display:none;}

#goikenban.close {border:none;border-top:12px solid #E4E4E4;}
#goikenban.close div{display:none;}
#goikenban {padding:0.3em 1em;border:2px solid #DDD;}
#goikenban label{clear:left;float:left;width:4em;text-align:right;padding:4px 0.4em 4px 0;}
#goikenban .checkbox {padding:0.2em 4.4em;}
#goikenban .checkbox label{float:none;}
#goikenban input.submit {margin:0.2em 0 0.4em 4.4em}

div.board {color:#222;padding:1em;line-height:1.4em;}
div.board .post {margin:2px 0;}
div.board span.user {color:#444;padding:0 4px 0 14px;background:transparent url('img/icons/ic_face_10_0.png') left center no-repeat;}
div.board span.user.faceq {background-image:url('img/icons/ic_faceq_10_0.png');}
div.board span.time {color:#888;padding-left:14px;background:transparent url('img/icons/ic_time_10_0.png') left center no-repeat}
div.board span.com {padding-right:4px;}

form div.inputDiv {height:23px;padding:0 0 0 6px;background:transparent url('img/form/text_l.png') left center no-repeat;}
form div.inputRight {height:23px;padding:0 6px 0 0;background:transparent url('img/form/text_r.png') right center no-repeat;}
form div.inputCenter {margin:0;height:23px;background:transparent url('img/form/text_c.png') center repeat-x;}
form div.inputCenter input[type="text"],form div.inputCenter input[type="password"],form div.inputCenter input:focus {
	width:100%;border:none;padding:3px 0;margin:0px;
	font-size:12px;
	background:transparent;}
form div.inputDiv.focus {background-image:url('img/form/text_lf.png')}
form .focus div.inputRight {background-image:url('img/form/text_rf.png')}
form .focus div.inputCenter {background-image:url('img/form/text_cf.png')}

td.actions a img:hover {background-color:yellow;}

#loginpage label{clear:left;float:left;width:4em;text-align:right;padding:4px 0.4em 4px 0;}

img.faviconize {
	width:16px;
	height:16px;
	vertical-align:middle;
	border:0;
}

#bottomPR {margin-top:2em;text-align:center;}